<template>
  <div class="weibu">
    <div class="weibu-one">
      <h3>解决方案</h3>
      <ul>
        <li>
            <a href="">驾培一体化概念</a>
        </li>
        <li>
            <a href="">功能与价值</a>
        </li>
        <li>
            <a href="">各地政策</a>
        </li>
      </ul>
    </div>
    <div class="weibu-tow">
      <h3>关于我们</h3>
      <ul>
        <li>
            <a href="">关于我们</a>
        </li>
        <li>
            <a href="">办公照片</a>
        </li>
        <li>
            <a href="">工厂图片</a>
        </li>
      </ul>
    </div>
    <div class="weibu-tow">
      <h3>产品中心</h3>
      <ul>
        <li>
            <a href="">硬件产品</a>
        </li>
        <li>
            <a href="">软件介绍</a>
        </li>
      </ul>
    </div>
    <div class="weibu-tow">
      <h3>教学中心</h3>
      <ul>
        <li>
            <a href="">模拟器演示</a>
        </li>
        <li>
            <a href="">科目二</a>
        </li>
        <li>
            <a href="">科目三</a>
        </li>
      </ul>
    </div>
    <div class="weibu-tow">
      <h3>信息中心</h3>
      <ul>
        <li>
            <a href="">公司新闻</a>
        </li>
        <li>
            <a href="">行业动态</a>
        </li>
        <li>
            <a href="">安全驾驶</a>
        </li>
        <li>
            <a href="">安全信息</a>
        </li>
        <li>
            <a href="">经验心得</a>
        </li>
      </ul>
    </div>
    <div class="weibu-tow">
      <h3>加盟合作</h3>
      <ul>
        <li>
            <a href="">服务支持</a>
        </li>
        <li>
            <a href="">合作方案</a>
        </li>
        <li>
            <a href="">盈利分析</a>
        </li>
      </ul>
    </div>
    <div class="weibu-three">
        <p>Copyright©2014-2021 佛山市易驾星电子科技有限公司</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
.weibu {
  width: 100%;
  height: 400px;
  background: #f4f4f4;
  .weibu-one{
    display: inline-block;
    font-size: 18px;
    color: #142B57;
    vertical-align: top;
    margin-left: 220px;
    h3{
        font-size: 18px;
        font-weight: normal;
    }
    ul{
        li{
            text-align: left;
            padding-bottom: 10px;
            position: relative;
            a{
                color: #666;
                font-size: 16px;
            }
        }
    }
  }
  .weibu-tow{
    display: inline-block;
    font-size: 18px;
    color: #142B57;
    vertical-align: top;
    margin-left: 80px;
    h3{
        font-size: 18px;
        font-weight: normal;
    }
    ul{
        li{
            text-align: left;
            padding-bottom: 10px;
            position: relative;
            a{
                color: #666;
                font-size: 16px;
            }
        }
    }
  }
  .weibu-three{
      margin-top: 80px;
      p{
          font-size: 20px;
          color: #666;
          text-align: center;
      }
  }
}
</style>